<template>
	<div>
		<!-- 选择器 -->
		<div class="mb-20px flex items-center">
			<div class="mr-20px">
				<SelectBox :list="listCoin" title="币种"></SelectBox>
			</div>
			<div class="mr-20px">
				<SelectBox :list="listIncome" title="收支类型"></SelectBox>
			</div>
			<div class="mr-20px">
				<SelectBox :list="listMethods" title="类型"></SelectBox>
			</div>
		</div>
		<div class="mb-20px">
			<SelectTimer></SelectTimer>
		</div>
		<!-- 列表 -->
		<SpotTable></SpotTable>
	</div>
</template>
<script  lang="ts" setup>
import { ref } from 'vue';
import SpotTable from '../tables/SpotTable.vue';
import SelectBox from '../../components/SelectBox.vue';
import SelectTimer from '../../../components/SelectTimer.vue';




const listIncome = ref<any[]>([
	{label:'全部',value:'1'},
	{label:'收入',value:'2'},
	{label:'支出',value:'3'},
	{label:'冻结',value:'4'},
	{label:'解冻',value:'5'}
])

const listMethods = ref<any[]>([
	{label:'全部',value:'1'},
	{label:'划转',value:'2'},
	{label:'兑换',value:'3'},
	{label:'转账',value:'4'}
])

const listCoin = ref<any[]>([
	{
		label:'全部',
		value:'1'
	},
	{
		label:'BTC',
		value:'2'
	},
	{
		label:'ETH',
		value:'3'
	},
	{
		label:'USDT',
		value:'4'
	},
	{
		label:'TRX',
		value:'5'
	},
	{
		label:'JYD',
		value:'6'
	}
])
</script>
